﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfAgentDjackUserInfo.aspx.cs" Inherits="msBsc.WebUi.mMall.Seller.mfAgentDjackUserInfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地接客-个人资料</title>
    <%=getMeta()%>
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mhome.css" charset="gbk" />
    <script src="/jqPlugin/js/mobilephone.js"></script>
    <%=getBodyBeforeJs()%>
    <style type="text/css">
        .user_head {
            min-width: 240px;
            min-height: 220px;
            width: 100%;
            height: 150px;
            background: url('/themes/mStyle1/Image/mbuser/bguser.jpg') center;
        }

        .user_bg_img {
            min-width: 300px;
            min-height: 150px;
            width: 100%;
            height: 30%;
        }

        .usr_bg_top {
            width: 113px;
            padding-top: 30px;
            margin-left: auto;
            margin-right: auto;
        }

            .usr_bg_top img {
                border-radius: 55%;
                width: 114px;
                height: 114px;
            }

        .imgsex {
            margin-left: 5px;
        }

        .user_name {
            text-align: center;
            color: #fff;
            margin-top: 10px;
            font-size: 20px;
            font-family: 'Adobe Arabic';
        }

        .bianqian {
            border: 1px solid #cccccc;
            border-radius: 3px;
            margin-left: 7px;
        }


        /*板块布局开始*/
        .content_info {
            background-color: #edeeee;
            display: table;
            margin-bottom: 20px;
            width: 100%;
        }
        /*block为伸缩容器*/
        .block {
            height: 300px;
            -webkit-box-pack: justify;
        }
        /*block-list为伸缩项目*/
        .block-list {
            -webkit-box-flex: 1;
            width: 30%;
            float: left;
            height: 90%;
            margin: 20px 5px auto;
            background-color: #fff;
            border: 1px solid #cccccc;
            border-radius: 5px;
        }

        .block-list-fist {
            margin-left: 30px;
        }
        /*图片设置*/


        .bg-dingdan {
            background: url('/themes/mStyle1/Image/public/dingdan.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-car {
            background: url('/themes/mStyle1/Image/public/car.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-luntan {
            background: url('/themes/mStyle1/Image/public/luntan.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-iam {
            background: url('/themes/mStyle1/Image/public/iam.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-gerenziliao {
            background: url('/themes/mStyle1/Image/public/gerenziliao.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-izhifu {
            background: url('/themes/mStyle1/Image/public/izhifu.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-tuijian {
            background: url('/themes/mStyle1/Image/public/tuijian.gif') no-repeat center #fff;
            height: 60%;
        }

        .bg-suggestion {
            background: url('/themes/mStyle1/Image/public/luntan.gif') no-repeat center #fff;
            height: 60%;
        }

        .link-p a {
            color: #333333;
        }

        .link-p {
            text-align: center;
            font: 20px 微软雅黑 Regular;
        }

        .link-next {
            font: 15px 微软雅黑 Regular;
            color: #adacac;
            margin-top: 5px;
        }

        @media (max-width:570px) {
            .block-list-fist {
                margin-left: 15px;
            }
        }

        @media (max-width:550px) {
            .content_info {
                height: 400px;
            }

            .block {
                height: 190px;
            }

            .block-list-fist {
                margin-left: auto;
                margin: 20px 5px auto;
            }

            .block-list {
                height: 85%;
            }
        }

        @media (max-width:370px) {
            .content_info {
                height: 320px;
            }

            .block {
                height: 150px;
            }

            .link-p {
                font: 15px 微软雅黑 Regular;
            }

            .link-next {
                font: 12px 微软雅黑 Regular;
            }
        }

        .fotter {
            margin-top: 0px;
        }
        /*end*/
    </style>
</head>
<body style="padding: 0px;">
    <div class="viewport">
        <div class="main">
            <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
            <div class="user_head">
                <div class="usr_bg_top">
                    <img id="headImg" src="/UpLoad/Djack/djack.jpg 197x197img.jpg" />
                </div>
                <p class="user_name">
                    <i id="headName"></i>
                    <img id="img_sex" class="imgsex" src="/themes/wStyle1/Images/Public/man.png" />
                </p>
                <p id="make" class="user_name">
                    <span class="bianqian">旅游制定</span>
                    <span class="bianqian">向导服务</span>
                    <span class="bianqian">导游服务</span>
                </p>
            </div>
            <div class="content_info">
                <ul class="block">
                    <li class="block-list block-list-fist">
                        <a href="/ms_AgentDjackOrderList.htm">
                            <div class="bg-dingdan"></div>
                        </a>
                        <p class="link-p">
                            <a href="/ms_AgentDjackOrderList.htm">订单查看</a>
                        </p>
                    </li>
                    <li class="block-list">
                        <a href="/ms_AreaDjackVehicleList.htm">
                            <div class="bg-car"></div>
                        </a>
                        <p class="link-p">
                            <a href="/ms_AreaDjackVehicleList.htm
">车辆管理</a>
                        </p>
                    </li>
                    <li class="block-list">
                        <a href="/ms_DjackInfo.htm">
                            <div class="bg-gerenziliao"></div>
                        </a>
                        <p class="link-p">
                            <a href="/ms_DjackInfo.htm">个人资料</a>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script type="text/ecmascript">
        (function () {
            $("#h_title").text("个人中心");
            $.getMessageCount();
        })();
        function btnDo(sEbtn) {
            GtGrid1Action = sEbtn;
            var opart = GetGtParam();
            ajaxComm(opart);
        };

        //执行AJAX调用时获取参数
        function GetGtParam() {
            var _jsParam = new jsonRow();
            _jsParam.AddCell("ACTION", GtGrid1Action);
            return _jsParam;
        };

        btnDo("init");

        function setDjackInfo(data) {
            $("#headImg").attr("src", "" + data.rows[0].CUSTOMER_DEFAULT_PIC + " 197x197img.jpg");

            $("#headName").html(data.rows[0].CUSTOMER_NICK);

            var labels = data.rows[0].SERVICE_LABEL.split('|');
            var labesHtml = "";
            if (labels.length > 0) {
                $(labels).each(function (i, e) {
                    if (!IsNull(e)) {
                        labesHtml += "<span class=\"bianqian\">" + GetLabel(e) + "</span>";
                    }
                });
            }
            $("#make").html(labesHtml);
            if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "M") {
                $("#img_sex").attr("src", "/themes/wStyle1/Images/Public/man.png");
            } else if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "F") {
                $("#img_sex").attr("src", "/themes/wStyle1/Images/Public/woman.png");
            }
        }

        function GetLabel(make) {
            switch (make) {
                case "1":
                    return "免费旅游咨询";
                case "2":
                    return "旅游制定";
                case "3":
                    return "向导服务";
                case "4":
                    return "导游服务";
                default:
                    "";
            }
        }
        //非空验证
        function IsNull(parameter) {
            if (parameter == undefined || parameter == null || parameter == "") {
                return true;
            }
            return false;
        }

        function SetUserAliAccount(linkStr, itemName) {
            $("#aliItemBg").attr("href", linkStr);
            $("#aliAccountInfo").attr("href", linkStr).text(itemName);
        }
    </script>
</body>
</html>
